html, body {
    width: 100%;
    height: 100%;
    background-color: #f8f8f9;
    overflow: hidden;
}

.lock-screen-back{
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 0 0 0 #667aa6 inset;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 3s;
}

/**
 * 加载中
 */
.ivu-spin-fix {
	background-color: rgba(0,0,0,0)!important;
}
.demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}


/**
 * COMMON STYLE 
 */
.ws-text-red {
	color: #f04844;
}

.ws-middle {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ 
	display: -moz-box; /* 老版本语法: Firefox (buggy) */ 
	display: -ms-flexbox; /* 混合版本语法: IE 10 */ 
	display: -webkit-flex; /* 新版本语法： Chrome 21+ */ 
	display: flex; /* 新版本语法： Opera 12.1, Firefox 22+ */ 
	/*垂直居中*/	
	/*老版本语法*/ 
	-webkit-box-align: center; 
	-moz-box-align: center; 
	/*混合版本语法*/ 
	-ms-flex-align: center; 
	/*新版本语法*/ 
	-webkit-align-items: center; 
	align-items: center; 
	/*水平居中*/ 
	/*老版本语法*/ 
	-webkit-box-pack: center; 
	-moz-box-pack: center; 
	/*混合版本语法*/ 
	-ms-flex-pack: center; 
	/*新版本语法*/ 
	-webkit-justify-content: center; 
	justify-content: center;
}

.ws-middle-align {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ 
	display: -moz-box; /* 老版本语法: Firefox (buggy) */ 
	display: -ms-flexbox; /* 混合版本语法: IE 10 */ 
	display: -webkit-flex; /* 新版本语法： Chrome 21+ */ 
	display: flex; /* 新版本语法： Opera 12.1, Firefox 22+ */ 
	/*垂直居中*/	
	/*老版本语法*/ 
	-webkit-box-align: center; 
	-moz-box-align: center; 
	/*混合版本语法*/ 
	-ms-flex-align: center; 
	/*新版本语法*/ 
	-webkit-align-items: center; 
	align-items: center; 
}

.ws-middle-pack {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ 
	display: -moz-box; /* 老版本语法: Firefox (buggy) */ 
	display: -ms-flexbox; /* 混合版本语法: IE 10 */ 
	display: -webkit-flex; /* 新版本语法： Chrome 21+ */ 
	display: flex; /* 新版本语法： Opera 12.1, Firefox 22+ */ 
	/*水平居中*/ 
	/*老版本语法*/ 
	-webkit-box-pack: center; 
	-moz-box-pack: center; 
	/*混合版本语法*/ 
	-ms-flex-pack: center; 
	/*新版本语法*/ 
	-webkit-justify-content: center; 
	justify-content: center;
}

.ws-form-select {
	width: 162px;
}

.ws-form-div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 45px 0px 45px 0;
}
.ws-form-div-form {
	width: 70%;
}

.ws-oper-button .ivu-btn > .ivu-icon {
	font-size: 20px;
}

/**
 * 滚动条
 */
.ws-mscroll > .mCustomScrollBox {
	max-height: none!important;
}

.ws-row-tab {
	padding-bottom: 15px;
}
.ws-btn-active {
	color: #fff;
    background-color: #47cb89;
    border-color: #47cb89;
}

/**
 * COMMON THEME STYLE
 */
/*.wsplus-theme-dark .ivu-btn-primary {
	background-color: #19be6b;
    border-color: #19be6b;	
}
.wsplus-theme-light .ivu-btn-primary {
	background-color: #57a3f3;
    border-color: #57a3f3;	
}*/

/**
 * 覆盖iview样式
 */
.ivu-btn-ghost {
	background-color: #FFFFFF;
}
/**
 * ICON和后面span文字居中显示
 */
.ivu-icon{
	vertical-align: middle;
}
.ivu-icon+span{
	display: inline-block;
	vertical-align: middle;
	/*margin-left: 6px;*/
}

.ivu-btn .ivu-icon {
	font-size: 16px;
}

.ivu-btn .ivu-icon+span{
	margin-left: 6px;
}

/**
 * 覆盖element UI样式
 */
.el-table th {
	background-color: #f8f8f9;
}
.el-table th, .el-table td {
    border-right: 1px solid #e9eaec;
    border-bottom: 1px solid #e9eaec;
}
.el-table thead {
	color: #495060;
}
.el-table {
	font-size: 12px;
}
.el-checkbox__inner {
	border: 1px solid #dddee1;
}


/**
 * 不同皮肤下的不一样
 */
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #47cb89;
    border-color: #47cb89;
}
.el-checkbox__input.is-focus .el-checkbox__inner, .el-checkbox__input:hover .el-checkbox__inner {
	border-color: #47cb89;
}